<template>
  <view  class="list flex-direction-column">
    <view v-for="(i, v) in props.list" :key="v">
		<view class="title">队员资料{{ v + 1 }}</view>
      <view class="item flex-space-between" v-for="(ii, vv) in i" :key="vv">
        <view class="label">{{ ii.model }}</view>
        <view class="desc flex-wrap">
          <text v-if="ii.type != 6 && ii.type != 9 && ii.type != 10">{{ ii.value }}</text>
          <view class="flex-wrap" v-if="ii.type == 6">
            <text v-for="(iii, vvv) in ii.value" :key="vvv">{{ iii }}</text>
          </view>
          <view class="flex-wrap" v-if="ii.type == 9">
            <image mode="aspectFill" v-for="(iii, vvv) in ii.value" :src="iii" :key="vvv"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { PropType } from 'vue'
import { Tlists } from '@/typings/list'
const props = defineProps({
  list: {
    type: Array as PropType<Tlists['item'][]>
  }
})
</script>

<style lang="scss" scoped>
@import './css/index.scss';
</style>
